.app-title-bar-position {
  @include flex-space-between;
  position: relative;
  box-sizing: border-box;
  &:before {
    background: #2693ff;
    position: absolute;
    left: -14px;
    content: ' ';
    width: 4px;
    height: 14px;
  }
  .title-left {
    font-size: 14px;
    font-weight: bold;
  }
  &.offset-default {
    &:before {
      left: -24px;
    }
  }
  &.offset-short {
    &:before {
      left: -15px;
    }
  }
}

.app-title-bar-default {
  @include flex-space-between;
  box-sizing: border-box;
  .title-left {
    @include flex-normal;
    &:before {
      margin-right: 10px;
      background: #2693ff;
      content: ' ';
      width: 4px;
      height: 14px;
    }
  }
  &.offset-default {
    .title-left {
      &:before {
        margin-right: 20px;
      }
    }
  }
  &.offset-short {
    .title-left {
      &:before {
        margin-right: 11px;
      }
    }
  }
  .title-left {
    font-size: 14px;
    font-weight: bold;
  }
}
